var uiu = document.querySelector(".two2")
var soo = document.querySelector(".soo")
var xs = document.querySelector("#xs")
var lol = document.querySelector("#lol")
var pop = document.querySelector(".pop")
var opo = document.querySelector(".opo")
var lkl = document.querySelector("#lkl")
var jk = document.querySelector(".jk")
uiu.onclick = function() {
	soo.style.display = "block"
}
xs.onclick = function() {
	soo.style.display = "none"
}
lol.onclick = function() {
	pop.style.display = "block"
	opo.style.display = "none"
	jk.style.display = "none"
}
lkl.onclick = function() {
	opo.style.display = "none"
	jk.style.display = "block"
}
lol.onkeydown = function(e) {
	if (e.keyCode === 13) {
		opo.style.display = "none"
		jk.style.display = "block"
		pop.style.display = "none"
	}
}
var tyt = document.querySelectorAll(".tyt")
for (var q = 0; q < tyt.length; q++) {
	tyt[q].onclick = function() {
		var lol = document.querySelector("#lol")
		lol.value = this.innerHTML
		pop.style.display = "none"
		opo.style.display = "block"
	}

}
var liEle = document.querySelectorAll("#menu li")
var order = document.querySelector(".order")
var order2 = document.querySelector(".order2")
for (var i = 0; i < liEle.length; i++) {

	liEle[0].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[1].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[1].style.borderBottom = "none"
		liEle[2].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[2].style.borderBottom = "none"
		liEle[3].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[3].style.borderBottom = "none"
		liEle[4].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[4].style.borderBottom = "none"
		liEle[5].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[5].style.borderBottom = "none"
		order2.style.display = "none"
		order.style.display = "block"
	}

	liEle[1].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[0].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[0].style.borderBottom = "none"
		liEle[2].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[2].style.borderBottom = "none"
		liEle[3].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[3].style.borderBottom = "none"
		liEle[4].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[4].style.borderBottom = "none"
		liEle[5].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[5].style.borderBottom = "none"
		order.style.display = "none"
		order2.style.display = "block"
	}
	liEle[2].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[0].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[0].style.borderBottom = "none"
		liEle[1].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[1].style.borderBottom = "none"
		liEle[3].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[3].style.borderBottom = "none"
		liEle[4].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[4].style.borderBottom = "none"
		liEle[5].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[5].style.borderBottom = "none"
		order.style.display = "none"
		order2.style.display = "block"
	}
	liEle[3].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[0].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[0].style.borderBottom = "none"
		liEle[2].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[2].style.borderBottom = "none"
		liEle[1].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[1].style.borderBottom = "none"
		liEle[4].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[4].style.borderBottom = "none"
		liEle[5].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[5].style.borderBottom = "none"
		order.style.display = "none"
		order2.style.display = "block"
	}
	liEle[4].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[0].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[0].style.borderBottom = "none"
		liEle[2].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[2].style.borderBottom = "none"
		liEle[1].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[1].style.borderBottom = "none"
		liEle[3].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[3].style.borderBottom = "none"
		liEle[5].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[5].style.borderBottom = "none"
		order.style.display = "none"
		order2.style.display = "block"
	}
	liEle[5].onclick = function() {
		this.style.color = "red"
		this.style.borderBottom = "5px solid red"
		liEle[0].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[0].style.borderBottom = "none"
		liEle[2].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[2].style.borderBottom = "none"
		liEle[1].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[1].style.borderBottom = "none"
		liEle[4].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[4].style.borderBottom = "none"
		liEle[3].style.color = "rgba(0, 0, 0, 0.5)"
		liEle[3].style.borderBottom = "none"
		order.style.display = "none"
		order2.style.display = "block"
	}
}
var info = document.querySelector("#info")
var main = document.querySelector(".main")
var main2 = document.querySelector(".main2")
info.onclick = function() {
	main.style.display = "none"
	main2.style.display = "block"
}

var txt4 = document.querySelector(".txt4")
var wuliu = document.querySelector(".wuliu")
txt4.onclick = function() {
	wuliu.classList.toggle("hide")
}

var acts = document.querySelector("#act")
var boxEr = document.querySelector(".box-er")
acts.onmouseover = function() {
	boxEr.setAttribute("style", "display:block;")
}
acts.onmouseleave = function() {
	boxEr.setAttribute("style", "display:none;")
}
